﻿
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
    <!-- Basic Page Needs
                ================================================== -->
    <meta content="en-us" http-equiv="Content-Language" />
    <title>About</title>
    <meta name="description" content="" />
    <meta name="author" content="Mark Groves" />
    <!-- Mobile Specific Metas
      ================================================== -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <!-- CSS
      ================================================== -->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600' rel='stylesheet' type='text/css'/>
    <link rel="stylesheet" href="../css/base.css" />
    <link rel="stylesheet" href="../css/skeleton.css" />
    <link rel="stylesheet" href="../css/layout.css" />
    <link rel="stylesheet" href="../css/site.css" />
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="/scripts/jquery.isotope.min.js"></script>
    <script type="text/javascript" src="/scripts/modernizr.custom.11550.js"></script>
    <script type="text/javascript" src="/scripts/matchmedia.js"></script>
    <script type="text/javascript" src="/scripts/picturefill.js"></script>
   
    <script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>

    <!-- Favicons
	    ================================================== -->
    <link rel="shortcut icon" href="/img/favicon.ico" />

    <script type="text/javascript">
        $(document).ready(function () {
            $(".photo-section").click(function () {
                if ($(".photo-section").css("visibility") == "visible") {
                    $(".photo-section").css("visibility", "hidden");
                    $(".photo_comments").css("visibility", "visible");
                    $(".info_comments").css("display", "none");
                }
            });
            $(".comment_photograph").click(function () {
                $(".photo-section").css("visibility", "visible");
                $(".photo_comments").css("visibility", "hidden");
                $(".info_comments").css("display", "inline");
            });

            $(".photo-section").hover(
                function () {
                    $(".info_comments").css("visibility", "visible");

                },
                function () {
                    $(".info_comments").css("visibility", "hidden");
                });

        });

        function dateDiff(date1, date2) {
            var diff = Date.parse(date2) - Date.parse(date1);
            return isNaN(diff) ? NaN : {
                diff: diff,
                ms: Math.ceil(diff % 1000),
                s: Math.ceil(diff / 1000 % 60),
                m: Math.ceil(diff / 60000 % 60),
                h: Math.ceil(diff / 3600000 % 24),
                d: Math.ceil(diff / 86400000)
            };
        }
    </script>
    
    <script type="text/javascript">

        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-4775170-1']);
        _gaq.push(['_trackPageview']);

        (function () {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();

    </script>
</head>
<body>
    <div id="header">   
        <div class="container" >
            <div class="one-third column alpha" id="logo">
                <a href="http://markgroves.us">Mark<span class="semi">Groves</span></a>
            </div>
            <div class="two-thirds column omega">
                <nav class="main_nav">
                    <div class="menuitem alpha"><a href="/photographs.html">photographs</a></div>
                    <div class="seperator"></div>
                    <div class="menuitem"><a href="/blog.html">articles</a></div>
                    <div class="seperator"></div>
                    <div class="menuitem omega"><a href="/about.html">profile</a></div>
                </nav>
            </div>
        </div> <!-- container --->
    </div>
    <div class="container">

        <div class="seven columns">
            <img src="../img/profile-photo.jpg" style="width: 100%;"/>
        </div>
        <div class="eight columns offset-by-one">
            <h3>Profile</h3>
            <p>Hello my name is Mark Groves, I'm a software geek, a photographer, a father, a husband, a runner, a brewer of fine beverages.</p>
            <p>My two creative passions in life are software and photography, I'm lucky enough to make a living at one of them.</p>
            <p>This site is where I post my photography work and share my opinions.</p>
            <p>If you have an opinion share it, I'd love to know what you think of my work or anything else for that matter</p>
        </div>

        <div class="row">
            <div class="seven columns">
                <h3>Contact</h3>
                <div class="container seven columns">
                    <ul class="three columns alpha">
                        <li><a href="http://feeds.feedburner.com/markgroves"><img src="..\img\rss-basic.png" />Subscribe</a></li>
                        <li><a href="mailto:mgroves84@gmail.com"><img src="..\img\mail.png" />Email Me</a></li>
                        <li><a href="http://twitter.com/mgroves84"><img src="..\img\twitter.png" />Follow me</a></li>
                    </ul>
                    <ul class="four columns omega">
                        <li><a href="http://facebook.com/mgroves84"><img src="..\img\facebook-logo.png" />Find me on Facebook</a></li>
                        <li><a href="http://www.linkedin.com/pub/mark-groves/0/24/26"><img src="..\img\linkedin-logo-square2.png" />Follow me on LinkedIn</a></li>
                        <li><a href="http://www.codeplex.com/site/users/view/mgroves84"><img src="..\img\codeplex-logo.png" />Fork me on CodePlex</a></li>
                    </ul>
                </div>
                <h3>Site Powered By</h3>
                <div class="container seven columns">
                    <ul class="three columns alpha">
                        <li><a href="http://code52.org/pretzel/">Pretzel</a></li>
                        <li><a href="http://www.getskeleton.com/">Skeleton</a></li>
                        <li><a href="http://jquery.com/">JQuery</a></li>
                        <li><a href="http://isotope.metafizzy.co/">Isotope</a></li>
                        <li><a href="https://github.com/scottjehl/picturefill">Picturefill</a></li>
                    </ul>
                    <ul class="four columns omega">
                        <li><a href="http://modernizr.com/">Modernizr</a></li>
                        <li><a href="http://disqus.com">Disqus</a></li>
                        <li><a href="http://bluehost.com">Bluehost</a></li>
                        <li><a href="http://git-scm.com">Git</a></li>
                    </ul>
                </div>
            </div>
            <div class="eight columns offset-by-one">
                <h3>Gear</h3>
                <p>Gear is gear, tools are tools, but people ask what I use so listing it can be helpful.</p>
                <h4>Cameras</h4>
                <div class="container eight columns">
                    <div class="four columns alpha">
                        <ul>
                            <li><a href="http://www.amazon.com/gp/product/B007FGZ1V0/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&tag=margro-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=B007FGZ1V0">Canon 5D markIII</a></li>
                            <li><a href="http://www.amazon.com/gp/product/B0043RS864/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&tag=margro-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=B0043RS864">Fuji X100</a></li>
                        </ul>
                    </div>
                </div>
                <h4>Lenses</h4>
                <div class="container eight columns">

                    <ul class="four columns alpha">
                        <li><a href="http://www.amazon.com/gp/product/B000053HBB/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&tag=margro-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=B000053HBB">Canon 200mm f/2.8L</a></li>
                        <li><a href="http://www.amazon.com/gp/product/B000053HC5/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&tag=margro-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=B000053HC5">Canon 135mm f/2L</a></li>
                        <li><a href="http://www.amazon.com/gp/product/B00004XOM3/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&tag=margro-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=B00004XOM3">Canon 100mm f/2.8 Macro</a></li>
                        <li><a href="http://www.amazon.com/gp/product/B00007GQLU/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&tag=margro-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=B00007GQLU">Canon 85mm f/1.8</a></li>
                    </ul>

                    <ul class="three columns omega">
                        <li><a href="http://www.amazon.com/gp/product/B00009XVCZ/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&tag=margro-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=B00009XVCZ">Canon 50mm f/1.4</a></li>
                        <li><a href="http://www.amazon.com/gp/product/B00009XVCU/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&tag=margro-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=B00009XVCU">Canon 35mm f/2</a></li>
                        <li><a href="http://www.amazon.com/gp/product/B00009R6WU/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&tag=margro-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=B00009R6WU">Canon 28mm f/1.8</a></li>
                        <li><a href="http://www.amazon.com/gp/product/B00006I53R/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&tag=margro-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=B00006I53R">Canon 24mm f/2.8</a></li>
                    </ul>

                </div>
            </div>
        </div>
    </div>

</body>
</html>
